<div class="ad">
    <a href="weixin://dl/business/?appid=wx11adaf54105e573f&path=pages/index/index">
        <img src="__CDN__/assets/img/person-y-ISTP.png">
        <div class="text">
            <div class="ad_text_top" style="color:#ffffff;">了解自己，从MBTI性格测试开始</div>
            <div class="ad_text_bottom">点击免费测试</div>
        </div>
        <img src="__CDN__/assets/img/person-g-ENFJ.png">
    </a>
</div>
<style>
    .ad{
        margin-top: 5px;
        width:100%;
        height:82px;
        display:flex;
        background-color: #47B3AF;
    }
    .ad a{
        /*width:390px;*/
        width:100%;
        display:flex;
        align-items: center;
        justify-content:space-around;
    }
    .ad a img{
        width:15%;
        width:52px;
        height:72px;
        margin: 5px 0;
        /*background-color: #0A89F1;*/
    }
    .ad a .text{
        display:flex;
        align-items: center;
        justify-content:center;
        flex-direction:column;
        widht:80%;
        color:#ffffff;
        font-weight: bold;
        font-size: 20px;
        /*background-color: red;*/
    }
    .ad_text_top{

    }
    .ad_text_bottom{
        display:flex;
        align-items: center;
        justify-content:center;
        background-color: #ffffff;
        color:#47B3AF;
        /*width:70%;*/
        padding:3px 10px;
        border-radius:20px;
        margin-top: 8px;
    }

</style>